<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>beloved-vip</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="parent"> 
        <div class="header clearfix">
            <div class="hi"><a href="">Hi. 欢迎来到至爱空间！</a></div>
            <ul class="loginbar clearfix">
                <li><a href="">登陆</a></li>
                <li><a href="" id="login-gray">|</a></li>
                <li><a href="">退出</a></li>
            </ul>
            <ul class="tags clearfix">
                <li><a href="">我的订单</a></li>
                <li><a href="">|</a></li>
                <li><a href="">会员俱乐部</a></li>
                <li><a href="">|</a></li>
                <li><a href="">手机商城</a></li>
                <li><a href="">|</a></li>
                <li><a href="">客户服务</a></li>
                <li><a href="">|</a></li>
                <li><a href="">网站导航</a></li>
            </ul>
        </div>
        <div class="nav clearfix">
            <div class="logo">
            </div>
            
            <div class="search clearfix">
                <div class="search-div">商品</div>
                <input type="text" class="i" placeholder="商品关键词" value="商品关键词">
                <input type="submit"  value="" class="ii">
            </div>
             <div class="shop-car" >
                <ul class="clearfix">
                    <li>
                        我的商城
                    <li class="pijyh">|</li>
                    <li id="two">
                       购物车
                        <img src="img/circir.png" alt="">
                    </li>
                </ul>
            </div>
            <a href="" class="nav-p">词英菲尼迪 宝马  雅诗兰黛</a>
        </div>
        <div class="content">
            <div class="c_nav clearfix">
              <ul class="clearfix">
                 <li class="first-li"><a href="">商城首页</a></li>
                 <li class="se-li"><a href="">红酒</a></li>
                 <li><a href="">家电</a></li>
                 <li><a href="">数码</a></li>
                 <li><a href="">汽车</a></li>
                 <li><a href="">手机</a></li>
                 <li><a href="">电脑</a></li>
                 <li><a href="">美妆</a></li>
             </ul>      
            </div>
            <!--  当前位置 -->
            <div class='current-position'> 
             <span>当前位置：</span><a href="">红酒</a><span class='grater'>></span><a href="" class="red-border">品牌：拉菲<img src="img/chi.png" alt=""></a><span class='grater'>></span ><span class='position-search'><input type="text" value='在当前条件下搜索'><img src="img/position-search.png" alt=""><span></span></span>
             <span class="position-all">共<b>589</b>件相关商品</span>
            </div>
            <ul class="product">
              <li>
                <span><a href="#">国家</a></span>
                <a href="#">全部</a>
                <a href="#">法国</a>
                <a href="#">澳大利亚</a>
                <a href="">智利 </a>
                <a href="@">意大利</a>
                <a href="$">德国</a>
                <a href="">南非</a>
                <a href="#">美国</a>
                <a href="#">西班牙</a>
                <a href="#">阿根廷</a>
                <a href="#">匈牙利</a>
                <a href="#">奥地利</a>
                <a href="#">加拿大</a>
                <a href="#">葡萄牙</a>
                <a href="#">新西兰</a>
              </li>
              <li class="product-li">
                <span><a href="#">价格</a></span>
                <a href="#">全部</a>
                <a href="#">1-199</a>
                <a href="#">200-299 </a>
                <a href="">300-499</a>
                <a href="@">500-799</a>
                <a href="$">800-999</a>
                <a href="">1000-1999</a>
                <a href="#">2000-20000</a>
              </li>
              <li class="product-li"><span><a href="#">用途</a></span>
              <a href="#">全部</a>
              <a href="#">聚会宴请</a>
              <a href="#">自饮品尝</a>
              <a href="">收藏投资</a>
              <a href="@">商务往来</a>
              <a href="$">礼品馈赠</a>
              <a href="">女士最爱</a>
              <a href="">入门之选</a>
              </li>
              <li class="product-li">
                <span><a href="#">类型</a></span>
                <a href="#">全部</a>
                <a href="#">干白葡萄酒</a>
                <a href="#">红葡萄酒</a>
                <a href="">起泡酒</a>
                <a href="@">甜点酒</a>
                <a href="$">加强型葡萄酒</a>
              </li>
              <li class="product-li">
                <span><a href="#">品牌</a></span>
                <a href="#">全部</a>
                <a href="#">黄尾袋鼠</a>
                <a href="#">奔富</a>
                <a href="">洛神</a>
                <a href="@">拉菲</a>
                <a href="$">红魔鬼</a>
                <a href="">彼得利蒙 </a>
                <a href="#">小企鹅</a>
                <a href="#">卡尔通安德烈</a>
                <a href="#">蒙特斯</a>
                <a href="#">卢士涛</a>
                <a href="#">杰卡斯</a>
                <a href="#">埃德华兹</a>
                <a href="#">凯隆世家</a>
                <a href="#">亨利吉霍</a>
              </li>
            </ul>
            <div class="product-nav">更多选项 <img src="img/nav.png" alt=""></div>
            <div class="product-list">
              <span class='list-red'>全部商品</span><span class="list-value">1/102 <a href="" class="list-a list-left"><</a><a href="" class="list-a list-down">下一页 > </a></span>
            </div> 
            <span class="product-value">
              <a href="">默认<img src="img/navnav.png" alt=""></a><a href="">最新<img src="img/navnavq.png" alt=""></a><a href="">销量<img src="img/navnavq.png" alt=""></a><a href="">价格<img src="img/navnavq.png" alt=""></a>
            </span>
          <ul class="position-ul clearfix">
            <li class="position-bear position-bear1">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-1.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear2">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-2.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
             <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear3">
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear-3.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a  position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><del class="position-bear-index-span-dell">原价790</del><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear4 position-bear-last" >
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear4.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
            <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><b class="position-bear-index-span-dell">特价5折</b><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
          </ul>

           <ul class="position-ul clearfix">
            <li class="position-bear position-bear1">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-1.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear2">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-2.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear3">
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear-3.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a  position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><del class="position-bear-index-span-dell">原价790</del><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear4 position-bear-last" >
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear4.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
               <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><b class="position-bear-index-span-dell">特价5折</b><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
          </ul>


           <ul class="position-ul clearfix">
            <li class="position-bear position-bear1">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-1.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear2">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-2.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear3">
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear-3.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a  position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><del class="position-bear-index-span-dell">原价790</del><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear4 position-bear-last" >
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear4.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
               <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><b class="position-bear-index-span-dell">特价5折</b><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
          </ul>

           <ul class="position-ul clearfix">
            <li class="position-bear position-bear1">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-1.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear2">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <img src="img/bear-2.png" alt="" class="position-bear1-bear1">
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear3">
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear-3.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a  position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><del class="position-bear-index-span-dell">原价790</del><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear4 position-bear-last" >
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear4.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
               <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><b class="position-bear-index-span-dell">特价5折</b><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
          </ul>

           <ul class="position-ul clearfix">
            <li class="position-bear position-bear1">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-1.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear2">
              <img src="img/red.png" alt="" class="bear-red"><div>热卖</div>
              <img src="img/bear-2.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
             <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-a">290.0</a><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear3">
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear-3.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
            <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a  position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><del class="position-bear-index-span-dell">原价790</del><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
            <li class="position-bear position-bear1 position-bear4 position-bear-last" >
              <img src="img/green.png" alt="" class="bear-red"><div>新品</div>
              <img src="img/bear4.png" alt="" class="position-bear1-bear1">
              <a href="" class="position-bear-a clearfix"><span class="position-bear-span">立即购买</span><span class="position-bear-span position-bear-span2">加购物车</span></a>
              <span class="position-bear-index position-bear-index-span-span">￥<a href="" class="position-bear-index-a position-bear-index-span-aa" id='position-bear-index-a'>290.0</a><b class="position-bear-index-span-dell">特价5折</b><a href="">有5家微店有售</a></span>
              <p class="position-bear-index position-bear-index-p ">圣芝红酒原瓶进口红酒皇冠波尔多干红</p>
            </li>
          </ul>
          <p class="content-footer">往下拉不停的出现更多的产品</p>
        </div>
        <div class="footer">
          <div class="search clearfix">
                <input type="text" class="i" placeholder="商品关键词" value="商品关键词">
                <input type="submit"  value="" class="ii">
            </div>
            <div class="shop-car2" id="shop-car">
                <ul class="clearfix">
                    <li id="three">
                       <img src="img/shop-car-car.png"  class="shop-carcar" alt=""><a href="">购物车</a>
                    </li>
                    <img src="img/two.png" alt="" class="shop-carcar2">
                    <li class="piok">|</li>
                    <li class="four">
                        合计<a href="">1860.0</a>
                    </li>  
                </ul>
            </div>
        </div>
    </div>
</body>
</html>